﻿*{	padding:0; margin:0; }
html {height:100%; max-height:100%; font-size:12px; }
body {height:100%; line-height:20px; max-height:100%;overflow: hidden; background:url(../../images/new/bodybg.gif) repeat-x #d0e6f1;font-family:Verdana;}
h3{ font-size: 12px; }
img{ border-style: none; }
a{ text-decoration: none }
a:hover{ text-decoration: underline }
.c{ clear: both; height: 0; font: 0/0 Arial; width: 100% }
#header { position:absolute;top:0; left:0; display:block; width:100%; height:70px;  z-index: 21; background:url(../../images/new/bodybg.gif) repeat-x }
#footer { position:absolute;bottom:0; left:0; display:block; width:100%; height:0px; z-index: 21; background: #D0E6F1}
#innerHeader{ height: 35px; overflow: hidden; display: block;}
#innerFooter{text-align:right; font: 9px Tahoma}
#selector {position:absolute;left:5px;width:136px;}
#tools,#gird,#pages { position:absolute;left: 140px;right: 4px;}
#selector{top:70px; bottom:5px;  z-index: 16;}
#tools{top:70px; z-index: 15;}
#gird{top:70px; bottom:5px;z-index: 9;}
#selector .inner{	height: 100%;overflow:hidden;}
#gird .inner{height: 100%; background:#fff;border:1px solid #005681;}
/*heiyo*/
#topguide { margin-top:12px; font-family:Tahoma; float:right;padding-right:40px;}
#topguide li {list-style: none; display: inline;}
#topguide li a{ padding:3px 9px 6px; color: #fff;line-height:16px; display:inline; border:1px solid #9CC7DF; float:none; margin-right:3px;background:#2D81AE}
#topguide li a:hover{color:#FFF600; text-decoration: none; border-bottom:0 ; background:url(../../images/new/bodybg.gif) #176FA2 }
#topguide li.li1 a{color:#FFFF00;background:#005681;}
#topguide li.li1 a:hover{ background:#005681;}
/*guide*/
#guide{ padding:5px 0 0;margin: auto;}
#showmenu {z-index:2000; position: absolute}
#showmenu dl{display:block; line-height: 15px; width:105px ; padding:0 1px 1px; background:#fff; border:#ccc 1px solid; border-bottom-color:#000; border-right-color:#000 }
#showmenu dl dd{ border-top:1px solid #ccc; padding:5px 0 }
#showmenu dd a{color:#666;display: list-item;list-style:none;padding:3px 8px 2px; height:auto!important; height:12px;background:url(../../images/new/menubg.gif) #fff}
#showmenu dd a:hover{background:#D0E6F1; text-decoration:none; color:#005681}

h1{ display:inline; font: bold 14px/18px Tahoma; color: #FFF600; margin: 0 12px }
.fr{ float: right }
.s0{ color:#fff }
.s1{ color:#9bd }

/*selector*/
#selector .inner dd { text-indent:0em; padding-bottom: 10px}
#selector .inner dt { padding-left: 15px; line-height:150%; font-weight:bold; color: #FF8000}
#selector .inner dd a { padding:0 0 0 20px; display:block;color:#005782; line-height:160%; }
#selector .inner dd a:hover{color:#fff;background: #005681;text-decoration:none; border-right:1px solid  #005681}
#selector .inner dd a.a1 { font-weight: bold; padding:0 0 0 18px; border:1px solid #005681; border-right: 0; background: #fff }
#selector .inner a.a1:hover{ background: #fff;border-right:0;color:#005681}

/*menu*/

#menubg{FILTER: Alpha(opacity=20);opacity:0.2; top: 0px; bottom:0px; left:0; right: 0; background:#000; position: absolute; height:100%; width:100%; z-index:1002 }
#menu { top:30px;	z-index: 1003; position: absolute; width:98%; height: auto; left:1%; right: 1%; background: #fff; border:1px solid #666; border-right:2px #666 solid; border-bottom:2px #666 solid}
#menu .inner{ padding: 0 0 15px;background:url(../../images/new/menubg.gif); height:auto!important; height:200px;}
#menu .inner dl{ float: left; padding:10px 10px 0px 10px; display:block }
#menu .inner dl dt{ color:#005681;padding:0px 1px;}
#menu .inner dl a{ display: list-item; list-style: none; color:#222; padding:0px 1px; word-break:keep-all }
#menu .inner dl a:hover{ background: #E9F0C8 }
#menu .inner dl dd{ line-height: 140% ; padding:0 0 5px }
.menu{position:absolute;}
#selector{ height:100%; top:0; bottom:0; border-top:70px solid #d0e6f1; }
#gird{ height:100%; top:0; bottom:0; border-top:70px solid #d0e6f1; border-bottom:5px solid #d0e6f1;}
#topguide li a{ float:left}